const vuePlugin = require('@vitejs/plugin-vue');
const vueJsx = require('@vitejs/plugin-vue-jsx');

module.exports = {
    base: './',
    plugins: [
        vuePlugin(),
        vueJsx()
    ],
    resolve: {
        alias: {
            '@': '/src',
            '@components': '/src/components'
        }
    },
    server: {
        port: 5000 //指定端口号
    },
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: `$waringColor: orange;$themeColor:#003ed5;`
            }
        }
    },
    extensions: ['.js', '.jsx', '.json'], // 导入时省略的扩展名列表
    build: {
        // 指定输出路径，默认'dist'
        outDir: 'dist',
        // 指定生成静态资源的存放路径(相对于build.outDir)
        assetsDir: 'assets',
        // 小于此阈值的导入或引用资源将内联为base64编码，设置为0可禁用此项。默认4096（4kb）
        assetsInlineLimit: '4096',
        // 启用/禁用 CSS 代码拆分。当启用时，在异步 chunk 中导入的 CSS 将内联到异步 chunk 本身，并在其被加载时插入。
        cssCodeSplit: true,
        // 构建后是否生成source map文件，默认false
        sourcemap: false,
        manifest: false,
        publicDir: './'
    }
};
